<template>
  <div class="top-header">
    <div class="search-nav">
      <div><van-icon name="apps-o" /></div>
      <div class="input_wrap">
        <div class="input_search" @click="jumpSearch">
          <van-icon name="search" />
          <p class="search-text">大地-Beyond</p>
        </div>
      </div>
      <div><van-icon name="bullhorn-o" /></div>
    </div>
    <div class="swiper">
      <van-swipe class="my-swipe" :autoplay="4000" indicator-color="white">
        <van-swipe-item v-for="each in mvList" :key="each.id"><img @click="handleMv(each.id)" :src="each.picUrl" alt=""></van-swipe-item>
      </van-swipe>
    </div>
    <div class="item-wrap"></div>
  </div>
</template>

<script>
import {getMvDetail} from '../http/Home/home'
export default {
  props:['mvList'],
    methods:{
        jumpSearch(){
            this.$router.push('/search')
        },
       async handleMv(id){
        //  let res = getMvDetail({id});
         
        }
    }
};
</script>

<style lang="less" scoped>
@import url("../assets/Home-top/index.less");
@import url("../assets/public/common.less");
</style>